﻿<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_969211_v156ho2fn7.css">
    <link rel="stylesheet" href="css/lunbo.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.superslide.2.1.3.js"></script>
    <script src="js/modal.js"></script>
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>


</head>
<body>
<!--头部-->
<div class="head"></div>

<!--轮播-->
<div id="slideBox" class="slideBox"></div>

<div class="mycontent clearfix">
    <div class="left_con left">
        <!--账号登录-->
        <div class="worktrends login_box login_box_h ">
            <p>
                <span><a class="userman" href="javascript:;">账号登录</a></span>
                <i class="mtj-more zhuce" data-toggle="modal" data-target="#myModal1">注册</i>
            </p>
            <!--登录-->
            <div class="content">
                <div class="input_fu">
                    <i class="iconfont icon-shoujihao font1"></i>
                    <input type="text" class="username" id="username" value="" placeholder="请输入手机号"/>
                </div>
                <div class="input_fu">
                    <i class="iconfont icon-mima font2"></i>
                    <input type="password" style="margin-bottom: 5px" class="psd" id="psd" value=""
                           placeholder="请输入密码"/>
                </div>
                <button type="button" style="margin:0 0 5px 28px" class="forget_pwd">忘记密码?</button>
                <input type="submit" class="login" id="login" value="登录"/>

            </div>


        </div>

        <!--通知公告-->
        <div class="worktrends_s txtMarquee-top">
            <p>
                <span><a href="imgTest.html?id=2" target="_blank">通知公告</a></span>
                <a class="mtj-more" href="imgTest.html?id=2" target="_blank">更多&gt;</a>
            </p>

            <div class="bd1"  id="worktrends2">
                <ul class="infoList">
                    <!--<li><i></i> <a href="" target="_blank" title="">自然资源部海洋咨询中心关于家库专家的通知 </a></li>-->
                    <!--<li class="borbom_none"><i></i> <a href="imgTestDetail.html?id=22" target="_blank" title="">关于开展本情况调查的函 </a></li>-->
                </ul>
            </div>
        </div>

        <!--备案查询-->
        <div class="worktrends">
            <p>
                <span><a href="">备案查询</a></span>
            </p>
            <ul id="beian">
                <img src="images/search.png" class="search" alt="">
                <input type="text" placeholder="输入备案编号"><span id="beian_search">搜索</span>
            </ul>
        </div>
    </div>

    <div class="right_con right">
        <!--工作动态-->
        <div class="worktrends worktrends-right ">
            <p>
                <span><a href="imgTest.html?id=1" target="_blank">工作动态</a></span>
                <a class="mtj-more" href="imgTest.html?id=1" target="_blank">更多&gt;</a>
            </p>
            <div class="rmzy clearfix">
                <img src="images/gzdt.png" class="left" style="margin-bottom: 15px" alt="">
                <ul id="worktrends3">
                    <!--<li><i></i> <a href="" target="_blank" title="">自然资源部海洋咨询洋咨询专家库专家的通知 </a><span>2018-12-13</span></li>-->
                    <!--<li class="borbom_none"><i></i> <a href="" target="_blank" title="">关于开展海洋咨询技术服务从业单位基本情况调查的函 </a><span>2018-12-13</span></li>-->
                </ul>
            </div>

        </div>

        <!--信息公示-->
        <div class="worktrends worktrends-right ">
            <p>
                <span><a href="imgTest.html?id=3" target="_blank">信息公示</a></span>
                <a class="mtj-more" href="imgTest.html?id=3" target="_blank">更多&gt;</a>
            </p>
            <ul id="worktrends1" class="rmzy">
                <!--<li>-->
                <!--<i></i> <a href="" target="_blank" title="">自然资源部海洋咨询中心关于征集海洋咨询专家库专家的通知 </a><span>2018-12-13</span>-->
                <!--</li>-->

            </ul>
        </div>

        <!--规章制度-->
        <div class="worktrends worktrends-right ">
            <p>
                <span><a href="imgTest.html?id=4" target="_blank">规章制度</a></span>
                <a class="mtj-more" href="imgTest.html?id=4" target="_blank">更多&gt;</a>
            </p>
            <ul id="worktrends4" class="rmzy">
                <!--<li>-->
                <!--<i></i> <a href="" target="_blank" title="">自然资源部海洋咨询中心关于征集海洋咨询专家库专家的通知 </a><span>2018-12-13</span>-->
                <!--</li>-->

            </ul>
        </div>
    </div>
    <img src="images/index.jpg" alt="" style="margin: 20px 2px">
    <!--黑名单-->
    <div class="worktrends_s">
        <p>
            <span><a href="imgTest.html?id=2" target="_blank">黑名单公示</a></span>
            <a class="mtj-more" href="" style="cursor: default">更多&gt;</a>
        </p>
        <ul id="worktrends6">
            <li><b></b> <a href="" target="_blank" title="">自然资源 </a></li>
            <li class="borbom_none"><b></b> <a href="imgTestDetail.html?id=22" target="_blank" title="">关于开展本情况调查的函 </a>
            </li>
        </ul>
    </div>
    <!--投诉信息-->
    <div class="worktrends worktrends-right right">
        <p>
            <span><a href="imgTest.html?id=3" target="_blank">投诉信息</a></span>
            <a class="mtj-more" href="imgTest.html?id=3" target="_blank">更多&gt;</a>
        </p>
        <ul id="worktrends7" class="rmzy">
            <div class="my_advice">
                <a href="">
                    <img src="images/advice.png" alt="">
                </a>
                <b>我要投诉</b>
            </div>

        </ul>
    </div>
</div>


<footer></footer>

</body>
</html>